<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"
	charset="UTF-8"></script>
<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
<link rel="stylesheet" href="../js/ztree/zTreeStyle.css" />
<script type="text/javascript">
	$(function() {
		$('#dg').datagrid({
			rownumbers : true,
			iconCls : 'icon_forward',
			idFiled : 'id',
			url : 'standard.json',
			pagination : true,
			pageList : [ 1, 5, 8, 10, 15, 20 ],
			pageNumber : 1,
			pageSize : 1,
			columns : [ [ {
				field : 'id',
				checkbox : true
			}, {
				field : 'name',
				title : 'Name',
				width : 200
			},

			{
				field : 'price',
				title : 'Price',
				width : 200,
				align : 'right'
			} ] ],
			toolbar : [ {
				iconCls : 'icon-edit',
				text : '编辑',
				handler : function() {
					alert("编辑")
				}
			}, '-', {
				iconCls : 'icon-help',
				text : '帮助',
				handler : function() {

				}
			} ]

		});
	});
</script>
</head>

<body>
	<table id="dg"></table>
</body>

</html>